import './index.scss'
// import { Link } from 'react-router-dom'
type Props = {
    title?: string
    author?: string
    content?: string
    release_time?: string
    classname?: string
}

const ArticleCard = (props: Props) => { 
    const { title, content, classname } = props
    return (

    <div className={classname}>
        <div className="detail" v-loading="loading">
            {/* 01.产品图文概述 */}
            <div className="article">
                <div className="detail-title">
                    <h1>{ title }</h1>
                    {/* <div className="info-box">
                        <span className="author">{ author }</span>
                        <span className="date" v-if="release_time">{release_time}</span>
                    </div> */}
                </div>
                {content && <div className="detail-content" dangerouslySetInnerHTML={{ __html: content }} />}
                {/* <div dangerouslySetInnerHTML={{ __html: content }} className="detail-content"/> */}
                {/* 图片预览，使用 el-image-viewer 组件 */}
                {/* <el-image-viewer @close="viewClose" v-if="showView" :url-list="previewList" /> */}
                {/* 标签 */}

            </div>
            {/* 目录 */}
        </div>
    </div>
    )
}

export default ArticleCard